<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=9" />
	
    <title>Ministry of Electricity and Water</title>
    
	<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="favicon.ico" />

	<style type="text/css">
		.customBody {
			background-image: url(images/bg.png);
			background-repeat:no-repeat;
			font-size: 110%;
			padding: 20px 20px;
		}
	</style>
	
	<link rel="stylesheet" href="themes/smoothness/jquery-ui-1.10.2.custom.min.css" />	
    <link rel="stylesheet" type="text/css" media="all" href="css/style.css"/>
    <script src="js/jquery-1.9.1.js" type="text/javascript"></script>
    <script src="js/jquery.hotkeys.js" type="text/javascript"></script>
	<script src="js/jquery.jstree.js" type="text/javascript"></script>
	<script src="js/jquery-ui-1.10.2.custom.min.js" type="text/javascript"></script>
	<script src="js/jquery.i18n.properties-min-1.0.9.js" type="text/javascript"></script>
    <script src="js/script-admin.js" type="text/javascript"></script>
</head>

<body dir="ltr">
<form action="#">
<div class="customPageWidth">
	<div class="customHead customPagePadding">
		<div class="floatLeft">
			<a href="#" class="customLogo"><img src="images/logo.png" alt="Back to Home" title="Back to Home" /></a>
			<div class="customLogo2"></div>
		</div>
		
		<div class="floatRight">
			<!--div class="customPhone"></div-->
			<a href="#" id="LogIn" class="customLogin">User Login</a>
			<a href="#" id="customFlagUK"><img src="images/FlagUK.png" alt="English" title="English" /></a>
			<a href="#" id="customFlagKuwait"><img src="images/FlagKuwait.png" alt="Arabic" title="Arabic" /></a>

			<div class="customClear"></div>
					
			<div class="customSearch floatLeft">
				<div class="customSearchBox"><input type="text" value="" size="15" /></div>
				<div class="customSearchGo" title="Go"></div>
			</div>
			<!--div class="customClear"></div-->	
		</div>
	</div>

	<div class="customBody">
		<div class="customLeftSide floatLeft" style="width:100%; text-align:left; font-size:medium">
			<div id="custom_jsTree" style="background-color:transparent">
				<ul>
<!--
					<li>
						<a href="#">Follow Up</a>
				

						<ul>
							<li>
								<a href="#">Ahmed</a>
								<ul>
									<li>
										<a href="#">Abdalla</a>
									</li>
									<li>
										<a href="#">Amr</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="#">Ali</a>
								<ul>
									<li>
										<a href="#">Abdalla</a>
									</li>
									<li>
										<a href="#">Amr</a>
									</li>
									<li>
										<a href="#">Awatef</a>
									</li>
								</ul>
							</li>
						</ul>
						
					</li>
					<li>
						<a href="#">AC</a>

						<ul>
							<li>
								<a href="#">Bader</a>
								<ul>
									<li>
										<a href="#">Basma</a>
									</li>
									<li>
										<a href="#">Bashar</a>
									</li>
								</ul>
							</li>
						</ul>
						
					</li>
-->					
				</ul>
			</div>
			
			<div id="userList">
				<ul/>
			</div>

		</div>
	</div>
<!--
	<div id="hiddenActorTemplate" style="display:none">
		<ul>
			<li>
				<a href="#"></a>
			</li>
		</ul>
	</div>
-->	
	<div class="customFooter customPagePadding">
		<div id="Copyright" class="customFooterLeft floatLeft">
			&copy; Copyright 2013 Ministry of Electricity and Water &nbsp;|&nbsp; All Rights Reserved
		</div>
		<div class="customFooterRight floatRight">
			<div class="customLinkGroup">
				<a id="TrainingProgram" href="#">Training Program</a><br/><br/>
				<a id="PrivacyPolicy" href="#">Privacy Policy</a>
			</div>
			<div class="customFooterDiv"></div>
			<div class="customLinkGroup">
				<a id="SiteMap" href="#">Site Map</a><br/><br/>
				<a id="MediaCenter" href="#">Media Center</a>
			</div>								
			<div class="customFooterDiv"></div>
			<div class="customLinkGroup">
				<a id="CustomerService" href="#">Customer Service</a><br/><br/>
				<a id="ContactUs" href="#">Contact Us</a>
			</div>
		</div>
	</div>
	<!--div class="customBottom"></div-->
</div>
</form>

</body>
</html>